<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>旅游列表</title>
    <!-- css引入 -->
    <link rel="stylesheet" href="less/dist/style.css">
    <link rel="stylesheet" href="less/dist/tarvelList.css">
    <link rel="stylesheet" href="less/dist/swiper.min.css">
    <link rel="stylesheet" href="less/dist/bootstrap.min.css">
    <!-- js插件引入 -->
    <script src="js/jquery-1.12.4.js"></script>
    <script src="js/iscroll.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/flexible.js"></script>
</head>
<body>
    <!-- 旅游列表头部 -->
    <header>
    <div class="wrap">
      <!-- 旅游列表返回按钮 -->
      <a href="travel.html"></a>

      <!-- 旅游列表搜索栏 -->
      <div id="search-bar">
        <span id="location-img"></span>
        <a id="search-bar-position" href="javascript:void(0)">北京</a>
        <span id="search-img"></span>
        <a id="search-bar-cearch" href="javascript:void(0)">目的地/关键词</a>
      </div>
    </div>
    </header>
    <!-- 旅游列表内容 -->
    <main>
    <!-- 旅游列表内容导航条 -->
    <div class="main-navbar">
      <ul>
        <li><a href="javascript:void(0)">全部</a></li>
        <li><a href="javascript:void(0)">出发地参团</a></li>
        <li><a href="javascript:void(0)">目的地参团</a></li>
        <li><a href="javascript:void(0)">自由行</a></li>
        <li><a href="javascript:void(0)">邮轮</a></li>
      </ul>
    </div>
    <div class="main-container">
      <div class="media">
        <div class="media-left">
          <a href="travelDetail.html">
            <img class="media-object" src="images/img/list_0411_03.jpg" alt="">
            <span class="hot-shop-icon"></span>
          </a>
        </div>
        <div class="media-body hot-shop-title">
          <h4 class="media-heading">【宿古北之光】古北水镇2日1晚跟团...</h4>
          <div class="media-body ">
            <p><span>无购物</span></p>
            <p><span>无自费</span></p>
            <p><span>爸妈放心游</span></p>
          </div>
          <div>
            <span>北京出发</span>
            <span>5星古北之光温泉酒店住宿</span>
          </div>
          <div>
            <span>班期： 每周四、五、六、日</span>

          </div>
          <div>
            <a>
              <span class="money">¥</span>
              <span class="num">2699</span>
              <span class="string">起</span>
            </a>
            <a>
              <span>256人</span>
              <span>出游</span>
            </a>
            <a>
              <span>69条</span>
              <span>评论</span>
            </a>
            <a>
              <span>5</span>
              <span>分</span>
            </a>
          </div>
        </div>
      </div>
      <div class="media">
        <div class="media-left">
          <a href="travelDetail.html">
            <img class="media-object" src="images/img/list_0411_06.jpg" alt="">
            <span class="hot-shop-icon"></span>
          </a>
        </div>
        <div class="media-body hot-shop-title">
          <h4 class="media-heading">【游圣诞小镇】密云1日自由行·南山...</h4>
          <div class="media-body ">
            <p><span>无购物</span></p>
            <p><span>无自费</span></p>
            <p><span>爸妈放心游</span></p>
          </div>
          <div>
            <span>北京出发</span>
            <span>独揽“全球不容错过的25处风景...</span>
          </div>
          <div>
            <span>班期： 每周三、四、五、六、日</span>

          </div>
          <div>
            <a>
              <span class="money">¥</span>
              <span class="num">1099</span>
              <span class="string">起</span>
            </a>
            <a>
              <span>203人</span>
              <span>出游</span>
            </a>
            <a>
              <span>38条</span>
              <span>评论</span>
            </a>
            <a>
              <span>5</span>
              <span>分</span>
            </a>
          </div>
        </div>
      </div>
      <div class="media">
        <div class="media-left">
          <a href="travelDetail.html">
            <img class="media-object" src="images/img/list_0411_08.jpg" alt="...">
          </a>
        </div>
        <div class="media-body hot-shop-title">
          <h4 class="media-heading">北京1日自由行·八达岭长城+十三陵定...</h4>
          <div class="media-body ">
            <p><span>无购物</span></p>
            <p><span>无自费</span></p>
            <p><span>爸妈放心游</span></p>
          </div>
          <div>
            <span>北京出发</span>
            <span>带你领略京都之美</span>
          </div>
          <div>
            <span>班期： 每周六、日</span>
          </div>
          <div>
            <a>
              <span class="money">¥</span>
              <span class="num">159</span>
              <span class="string">起</span>
            </a>
            <a>
              <span>390人</span>
              <span>出游</span>
            </a>
            <a>
              <span>90条</span>
              <span>评论</span>
            </a>
            <a>
              <span>5</span>
              <span>分</span>
            </a>
          </div>
        </div>
      </div>
      <div class="media">
        <div class="media-left">
          <a href="travelDetail.html">
            <img class="media-object" src="images/img/list_0411_10.jpg" alt="">
          </a>
        </div>
        <div class="media-body hot-shop-title">
          <h4 class="media-heading">怀柔2日自由行(4钻)【每人减100元】...</h4>
          <div class="media-body ">
            <p><span>无购物</span></p>
            <p><span>无自费</span></p>
            <p><span>爸妈放心游</span></p>
          </div>
          <div>
            <span>北京出发</span>
            <span>限时特惠，预定即享每人减100元</span>
          </div>
          <div>
            <span>班期： 每周五、六、日</span>

          </div>
          <div>
            <a>
              <span class="money">¥</span>
              <span class="num">269</span>
              <span class="string">起</span>
            </a>
            <a>
              <span>220人</span>
              <span>出游</span>
            </a>
            <a>
              <span>65条</span>
              <span>评论</span>
            </a>
            <a>
              <span>5</span>
              <span>分</span>
            </a>
          </div>
        </div>
      </div>
      <div class="media">
        <div class="media-left">
          <a href="travelDetail.html">
            <img class="media-object" src="images/img/list_0411_12.jpg" alt="">
          </a>
        </div>
        <div class="media-body hot-shop-title">
          <h4 class="media-heading">北京5日4晚跟团游·一价全含·无自费...</h4>
          <div class="media-body ">
            <p><span>无购物</span></p>
            <p><span>无自费</span></p>
            <p><span>爸妈放心游</span></p>
          </div>
          <div>
            <span>北京出发</span>
            <span>深度全面的浏览世界文化遗产</span>
          </div>
          <div>
            <span>班期： 每周四、五、六、日</span>
          </div>
          <div>
            <a>
              <span class="money">¥</span>
              <span class="num">2099</span>
              <span class="string">起</span>
            </a>
            <a>
              <span>189人</span>
              <span>出游</span>
            </a>
            <a>
              <span>56条</span>
              <span>评论</span>
            </a>
            <a>
              <span>5</span>
              <span>分</span>
            </a>
          </div>
        </div>
      </div>
    </div>
    </main>
    <!-- 旅游列表底部分类 -->
    <footer>
    <ul>
      <li>
        <img src="images/icon/luggage_01.png">
        <a href="travel.html">旅游首页</a>
      </li>
      <li>
        <img src="images/icon/footer_0322_06.png">
        <a href="search.html">目的地</a>
      </li>
      <li>
        <img src="images/icon/footer_0322_07.png">
        <a href="history.html">浏览历史</a>
      </li>
      <li>
        <img src="images/icon/footer_0322_08.png">
        <a href="myinfo.html">个人</a>
      </li>
    </ul>
    </footer>
    <!-- 自制js引入 -->
    <script src="js/tarvelList.js"></script>
</body>
</html>